<!DOCTYPE html>
<html>

<head>
  <title>我的订单</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" type="text/css" href="./static/index/css/public.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/common.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/reclassify.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/order.css">
  <link rel="stylesheet" href="./static/admins/css/amazeui.min.css">
  <link rel="stylesheet" type="text/css" href="./static/index/css/common.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/search.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/index.css" />
  <link rel="stylesheet" type="text/css" href="./static/index/css/font.css" />
</head>

<body>

  <div id="searchss">
    <div class="search">
      <div class="logo">
        <a href="index"><img src="./static/index/img/backimg.png" /></a>
      </div>
      <div class="sear_input">
        <input type="text" id="goodsname" name="name" value="">
        <button class="btnser"><i class="iconfont icon-icon--"></i></button>
      </div>
      <div class="sera_cart">
        <a href="javascript:void(0)">
          <p onclick="myCart()"><i class="iconfont btnser icon-gouwuche5"></i>我的购物车</p>
        </a>
        <span class="cartnum"></span>
      </div>

      <div class="sear_fir">


        <div class="sinup sinup1">
          <a onclick="loginin()" href="javascript:void(0)">登录</a>
          <a>/</a>
          <a onclick="res()" href="javascript:void(0)">注册</a>
        </div>



        <div class="sinup">
          <a target="_blank" href="../admin/login.html">后台管理</a>
        </div>



        <div class="sigin">
          <span class="wel" id="wel"></span>
        </div>
        <div class="my">
          <a>个人中心</a>
          <i class="iconfont icon-zheng-triangle1"></i>
          <ul class="uls">
            <li onclick="myorder()"><a href="javascript:void(0)">我的订单</a></li>
            <li onclick="address()"><a href="javascript:void(0)">收货地址</a></li>
            <li onclick="pwd()"><a href="javascript:void(0)">修改密码</a></li>
            <li onclick="logout()"><a href="javascript:void(0)">退出</a></li>
          </ul>
        </div>

      </div>


    </div>
  </div>

  <!--导航nav-->
  <div id="navall">
    <div id="nav">
      <!--产品分类-->
      <div class="proclass">
        <p>产品分类</p>

        <div class="prolist" style="display:none;">

          <!--类目  -->

          <!-- <div class="list">
            <dl>
                <a href="type?id=${type.id}">
                  <dt>${type.name}</dt>
                </a>
              </dl>
          </div> -->
        </div>
      </div>

      <!--导航-->
      <ul id="inav">
        <li class="active"><a href="javascript:void(0);">商城首页</a></li>
        <li onclick="selectAll(1)"><a href="javascript:void(0)">今日推荐</a></li>
        <li onclick="selectAll(2)"><a href="javascript:void(0);">热销排行</a></li>
        <li onclick="selectAll(3)"><a href="javascript:void(0);">新品上市</a></li>
      </ul>

    </div>
  </div>

  <div id="main">

    <div class="east" style="width: 1200px;margin: 0 auto;">
      <div style="">
        <table border="0" cellspacing="" cellpadding="" class="list">
          <thead>
            <tr>
              <th class="li1"></th>
              <th class="li2"><span>商品</span></th>
              <th class="li3"><span>单价</span></th>
              <th class="li4"><span>数量</span></th>
              <th class="li5"><span></span></th>
              <th class="li6"><span>实付款</span></th>
              <th class="li7"><span>交易状态</span></th>
              <th class="li8"><span>交易操作</span></th>
            </tr>
          </thead>
        </table>
      </div>

      <div style="width:100%;height:auto !important;height:468px;background: #f6f6f6;">
        <div id="itemContainer" style="background: #f6f6f6;">


          <table border="0" cellspacing="" cellpadding="" class="list animated wobble">
            <tbody>
              <tr class="order-info">
                <td colspan="8">
                  <span style="margin-left: 20px;">订单编号&nbsp;:&nbsp;</span><i class="order-num">${order.id}</i>
                  <span style="margin-left: 40px;">下单时间&nbsp;:&nbsp;</span><i class="order-num">
                    <fmt:formatDate value="${order.systime}" pattern="yyyy-MM-dd HH:mm:ss" />
                  </i>
                </td>
              </tr>

              <div class="">
                <tr class="order" style="margin-bottom: 10px;">
                  <c:forEach items="${order.goodnamelist}" var="item" end="0">
                    <td class="li1" style="text-align: left;" colspan="4">
                      <a href="detail?id=${item.id}"><img src="${item.cover}"></a>
                      <div class="m-good-descript">
                        <a href="detail?id=${item.id}">
                          <p class="goods-descript">${item.name}</p>
                        </a>
                      </div>
                      <div class="li3"><span>￥${item.price}</span></div>
                      <div class="li4"><span>${item.amount}</span></div>
                      <div class="li5"></div>
                    </td>
                  </c:forEach>
                  <td class="li6" rowspan="${fn:length(goodnamelist)}">
                    <div>
                      <p class="total-money">￥${order.total}</p>
                    </div>
                  </td>
                  <td class="li7" rowspan="${fn:length(goodnamelist)}">
                    <div>
                      <c:if test="${order.status==1}"><span>待付款</span></c:if>
                      <c:if test="${order.status==2}">
                        <c:if test="${order.paytype==1}"><span>已付款 (微信)</span></c:if>
                        <c:if test="${order.paytype==2}"><span>已付款 (支付宝)</span></c:if>
                      </c:if>
                      <c:if test="${order.status==3}"><span>已发货</span></c:if>
                      <c:if test="${order.status==4}"><span>已完成</span></c:if>
                    </div>
                  </td>
                  <td class="li8" rowspan="${fn:length(goodnamelist)}">
                    <div>
                      <p>
                        <c:if test="${order.status==1}">
                          <a href="orderPay?id=${order.id}"><span class="sta1 pay noSelect">确认付款</span></a>
                        </c:if>
                      </p>
                    </div>
                  </td>
                </tr>
              </div>

            </tbody>
          </table>


        </div>
      </div>
      <!-- <c:if test="${order.status == 1}"><span>待付款</span></c:if>
      <c:if test="${order.status == 2}">
        <c:if test="${order.paytype == 1}"><span>已付款 (微信)</span></c:if>
        <c:if test="${order.paytype == 2}"><span>已付款 (支付宝)</span></c:if>
      </c:if>
      <c:if test="${order.status == 3}"><span>已发货</span></c:if>
      <c:if test="${order.status == 4}"><span>已完成</span></c:if> -->


      <!-- <c:if test="${order.status == 1}">
        <a href="orderPay?id=${order.id}"><span class="sta1 pay noSelect">确认付款</span></a>
      </c:if> -->
    </div>

  </div>


  <iframe src="./footer.html" width="100%" height="100%" frameborder="0" collapsing="yes" scrolling="no"></iframe>


</body>
<script src="http://cdn.staticfile.org/moment.js/2.24.0/moment.js"></script>
<script src="./static/index/js/jquery.min.js" type="text/javascript"></script>
<script src="../js/jquery-3.1.1.min.js"></script>
<script src="../index/static/index/layer/layer.js"></script>
<script src="./js/order.js"></script>
<script src="../js/header.js"></script>
<script type="text/javascript">

</script>

</html>